<template>
  <div class="dashboard-container">
    <div class="app-container">
      <el-card shadow="never">
          <el-tabs v-model="activeName">
          <el-tab-pane label="企业信息" name="first">
                  <el-form :model="formData"  ref="ruleForm" label-width="100px" class="demo-ruleForm">
                      <el-form-item label="公司名称">
                        <el-input v-model="formData.name"></el-input>
                      </el-form-item>
                      <el-form-item label="法人代表">
                        <el-input v-model="formData.legalRepresentative"></el-input>
                      </el-form-item>
                      <el-form-item label="创建时间">
                        <el-input v-model="formData.createTime"></el-input>
                      </el-form-item>
                      <el-form-item label="余额">
                        <el-input v-model="formData.balance"></el-input>
                      </el-form-item>
                      <el-form-item label="登录账号ID">
                        <el-input v-model="formData.managerId"></el-input>
                      </el-form-item>
                  </el-form>
          </el-tab-pane>
          <el-tab-pane label="配置管理" name="second">账户信息</el-tab-pane>
          <el-tab-pane label="角色管理" name="third">交易记录</el-tab-pane>
  </el-tabs>
      </el-card>
     </div>
  </div>
</template>

<script>
import {info} from '@/api/base/saasClient'
export default {
  name: 'saas-clients-info',
  data() {
    return {
         activeName: 'first',
         formData: {}
    }
  },
  methods: {
      getCompanyInfo(id) {
      // eslint-disable-next-line no-unreachable
      this.dataListLoading = true
      info({id: id}).then(res => {
         this.formData = res.data.data
      })
      }
  },
  // 创建完毕状态
  created() {
    var id = this.$route.params.id
    this.getCompanyInfo(id)
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
</style>
